import React,{Component} from "react";

import {VideoCard, VideoPlayer} from "../layout/video"
import Header from "../layout/header";
import Layout from "./layout";
import videoSelectStore from "../../store/videoSelectList"
import  "../css/detail.css"

class VideoDetail extends React.Component {
    constructor() {
        super();
        this.state = videoSelectStore.getState()
    }

    componentDidMount() {
    }

    render() {
        return (
            <Layout>
            <div>
                <Header position="initial"/>
                <div className="video_detail">
                    <VideoPlayer/>
                    <div className="video_detail_select_container">
                        <div className="video_choose_desc"><span>选集</span></div>
                        <div className="video_detail_select_list">
                            {this.state.videoList.map(function (item,key) {
                                return (<div key={key} >{item.name} </div>)
                            })
                            }
                        </div>

                    </div>
                </div>
                <div className="video_detail_content">
                    <div className="video_detail_name">
                            <span>火影忍者 第十一集</span>
                    </div>
                    <div className="video_detail_summary">
                        <span>这一集讲述了。。。。。。。。。。。。。。。。。</span>
                    </div>
                </div>
            </div>
            </Layout>
        )
    }
}



export default VideoDetail